/* Fonts Css */

@font-face {
    font-family: 'Swis';
    src: url('../fonts/Swis721 BlkCn BT.eot');
    src: local('☺'), url('../fonts/Swis721 BlkCn BT.woff') format('woff'), url('../fonts/Swis721 BlkCn BT.ttf') format('truetype'), url('../fonts/Swis721 BlkCn BT.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: 'thin';
    src: url('../fonts/ProximaNova-Thin.eot');
    src: local('☺'), url('../fonts/ProximaNova-Thin.woff') format('woff'),
    url('../fonts/ProximaNova-Thin.ttf') format('truetype'),
    url('../fonts/ProximaNova-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: 'thex';
    src: url('../fonts/HelveticaNeueLTPro-ThEx.eot');
    src: local('☺'), url('../fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'),
    url('../fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'),
    url('../fonts/HelveticaNeueLTPro-ThEx.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?v=1.0'); /* IE9*/
    src: url('../fonts/iconfont.eot?v=1.0#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url(../fonts/iconfont.woff?v=1.0.woff) format('woff'),
    
    
    .in_five{display:none;}
    url('../fonts/iconfont.ttf?v=1.0') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?v=1.0#iconfont') format('svg'); /* iOS 4.1- */
    }
    
    .iconfont {
    font-family:"iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
    /* Comman Css */
    body{/*font-family: 'open sans';*/font-family: 'arial','microsoft yahei';font-size: 14px;color: #333333;line-height: 24px;overflow-x: hidden;}
    a{color: #0070bb;text-decoration: none;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
    a:hover{color: #0778c5;text-decoration: none;}
    p{margin-bottom: 15px;}
    ul{margin: 0; padding: 0px;list-style: none;}
    .section{padding: 80px 0;position: relative;clear: both;}
    .img-center img{margin-left: auto; margin-right: auto;}
    blockquote,code{background:#333;padding:25px 25px 25px 75px;display:block;position:relative;border-radius:0;border:0;overflow:hidden;}
    code{color: #0CF;overflow:auto;}
    blockquote:before,code:before{display:block;position:absolute;width:50px;left:0px;top:0;bottom:0;background:#00aeff;text-align:center;color:#fff;}
    blockquote:before{content:'""';font-size:40px;padding-top:15px;}
    code:before{content:'</>';font-size:16px;padding-top:25px;}
    blockquote small{text-align:right;padding:20px 0 0 0;font-style:italic;}
    .container{width: 100%; max-width: 1200px;}
    @media (min-width: 1401px){ .container{width: 100%; max-width: 1400px;} }
    .fw{display: inline-block;vertical-align: top;width:100%;/* padding: 80px 0; */}
    .v-center{display: inline-block;vertical-align: middle;float: none;margin: 0 -2px;}
    .bullet_list{margin:0 0 20px;}
    .bullet_list li{position: relative; padding-left: 30px; margin: 10px 0;}
    .bullet_list li:before{content: ""; width:16px; height: 16px; border-radius: 100%; background-image: url(../images/bullet.png); background-repeat: no-repeat; position: absolute; left: 0;top: 7px;}
    .m-0{margin: 0px;}
    .mb-10{margin-bottom: 10px;}
    .mb-20{margin-bottom: 20px;}
    .mb-30{margin-bottom: 30px;}
    .mb-40{margin-bottom: 40px;}
    .mb-50{margin-bottom: 50px;}
    .p0{padding: 0px;}
    .p10{padding: 10px;}
    .p15{padding: 15px;}
    .p20{padding: 20px;}
    .p30{padding: 30px;}
    .p50{padding: 50px;}
    .ptb-35{padding: 35px 0;}
    /*Colors*/
    .colorWhite{color: #ffffff;}
    .colorBlue{color: #004da1;}
    .colorBlue2{color: #3b8bba;}
    .colorBlack{color: #333333;}
    /*Bg Colors*/
    .bgWhite{background: #ffffff;}
    .bgBlue{background: #004da1;}
    .bgBlue2{background: #3b8bba;}
    .bgGreen{background: #6e842f;}
    .bgBlack{background: #545a74;}
    .bgLight{background:#f5f5f5;}
    .bg-parallax{background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
    sup{font-size: 70%;top: -.4em;left: 2px; margin-right: 3px;}
    /* Header */
    .header{ background: #ffffff; width: 100%; z-index: 1000;height: auto;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);transition: all 0.5s;position: relative;overflow: visible;}
    .header.fixed{position: fixed; left: 0; top: 0;width:100%;}
    nav.navbar{height: auto;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;margin: 0;border-radius: 0;min-height: 1px; padding: 0; border: 0;}
    .header.fixed nav.navbar{padding: 0; box-shadow: 0 13px 8px -9px rgba(0,0,0,.2);-webkit-box-shadow: 0 13px 8px -9px rgba(0,0,0,.2); -ms-box-shadow: 0 13px 8px -9px rgba(0,0,0,.2);-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
    .right_menu{float: right;margin-top: 45px;margin-left: 15px;}
    .right_menu > div{margin-left: 25px;float: left;}
    .header.fixed .right_menu{margin-top: 25px;}
    .header .container{position: initial;}
    .navbar .nav {list-style: none;display: inline-block; vertical-align: top; z-index: 5;margin: -1px 0 -1px;}
    .navbar .nav > li{float: left;margin: 0; padding: 0; position: initial;}
    .navbar .nav > li > a{display: block;font-size: 14px;padding:0px 8px;margin: 0 9px; line-height: 110px; text-decoration: none;outline: none;background:inherit;color: #333;position: relative;text-transform: uppercase;}
    .head_user a{font-size: 20px;color: #b4b4b4;line-height: 20px;}
    .head_user a:hover{color: #00479d;}
    .header_search .search{font-size: 22px;color: #b4b4b4;line-height: 22px; cursor: pointer;}
    .header.fixed .navbar .nav > li > a{ line-height: 75px;}
    .navbar .nav > li > a:before{position: absolute;content: '';width: 0%;height: 3px;background: #004da1;left: 50%;bottom: 40px;transition: all .3s;}
    .header.fixed .nav > li > a:before{bottom: 20px;}
    .change_lang{position: relative;text-align: left;-webkit-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
    .icon-lang{width: 30px;height: 20px;background-image: url(../images/en.jpg);background-repeat: no-repeat;display: inline-block; vertical-align: top;background-size: 100%;}
    .icon-lang2{width: 30px;height: 20px;background-image: url(../images/cn.jpg);background-repeat: no-repeat;display: inline-block; vertical-align: top;background-size: 100%;}
    .chan_inner{transition: max-height 1s;overflow: hidden;height: 20px;max-height: 20px;z-index: 3;top: 0;left: 0;}
    .chan_inner span{text-align: left;}
    .chan_inner span + a{position: absolute; left: 0; top: 100%;opacity: 0;visibility: hidden;}
    .chan_inner a{text-align: right;display: block;position: relative;font-size: 18px;color: #b4b4b4;font-family: arial;}
    .chan_inner:hover{height: auto;max-height: 200px;}
    .chan_inner:hover span + a{opacity: 1;visibility: visible;}
    .chan_inner a:hover{color: #00479d;}
    
    .navbar .nav li > a:hover,.navbar .nav li > a:focus,.navbar .nav li.active > a{background: none;color:#004da1;}
    .navbar .nav li > a:hover:before,.navbar .nav li > a:focus:before,.navbar .nav li.active > a:before{left:0; width:100%;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0!important; padding: 0; margin-top: 31px; height: auto; display: inline-block;vertical-align: top;text-transform: uppercase;}
    .header.fixed .navbar > .container .navbar-brand, .header.fixed .navbar > .container-fluid .navbar-brand{ margin-top: 12px;}
    .navbar-toggle{float: left;height: 35px;margin: 0;padding: 0 20px;}
    .navbar-toggle .icon-bar{background: #ffffff;height: 1px;}
    .navbar-toggle.in .icon-bar{background: #fff;}
    .navbar-toggle .icon-bar+.icon-bar{margin-top: 7px;}
    .navbar-fixed-top{border-width: 0;}
    .navbar-toggle{display: none;}
    .navbar-brand > img{max-height: 65px;}
    .navbar-brand.goto{ font-size: 34px; color: #fff; font-weight: 400; line-height: 56px;}
    .header .navbar-collapse{padding-left: 0; padding-right: 0;}
    @media (max-width: 992px){
    .navbar-collapse{width: 100%;padding: 15px;background: #3b8bba;clear: both;margin: 0!important;display: none;transition: all .5s ease 0s;display: block;}
    .navbar-collapse{position: fixed;right: -100%;max-width: 280px;bottom: 0;overflow: auto;top: 0;padding-top: 80px;}
    .navbar-collapse.in{display: block;right: 0;}
    .navbar .nav > li > a{ line-height: 40px!important; }
    .header.fixed .nav > li > a:before{bottom: 0!important;}
    .right_menu{margin-top: 20px; margin-bottom: 50px;}
    .navbar .nav{float: left;text-align: left;width: 100%;}
    .navbar .nav li{float: left;width: 100%;}
    .navbar .nav li a{color: #ffffff;}
    .right_menu{float: left; width: 100%;margin-left: 0;}
    .navbar .nav > li > a:before{bottom: 0;}
    .navbar-toggle .icon-bar{background: #000000!important;}
    .navbar-toggle.in{z-index: 2;}
    .navbar-toggle.in .icon-bar{background: #ffffff!important;}
    .navbar-toggle.in .icon-bar:nth-of-type(2){display: none;}
    .navbar-toggle.in .icon-bar:nth-of-type(1){transform: rotate(45deg);}
    .navbar-toggle.in .icon-bar:nth-of-type(3){transform: rotate(-45deg);margin-top: 0;}
    .header .sub_menu.single{position: static;opacity: 1;visibility: visible;overflow: visible;display: inline-block!important;padding: 0 18px;max-height: none;}
    .header .sub_menu.single > ul{padding: 0;}
    .header .sub_menu.single li > a{width: 100%;}
    .header .nav-pro.nav-icon{height: auto;float: left;margin-right: 10px;}
    .header .nav-pro.nav-icon >img{max-width: 20px;}
    .header .sub_menu.single li{padding:10px;text-align: left;height: auto;border-right:0;border-bottom: 1px solid #ddd;}
    .header .sub_menu.single li .sub_menu_title{font-size: 14px;line-height: 20px;margin-top: 0;text-align: left;}
    .change_lang{width: auto;}
    .chan_inner a{display: inline-block;margin-left: 10px;}
    }
    .sub_menu.single{position: absolute;top: 100%;left: 0;width: 100%;z-index: 1100;background: #ffffff;margin-top: 1px;max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .7s;-o-transition: max-height .7s;transition: max-height .7s;color: #303233;height: auto;padding: 0;-ms-box-shadow: 0 0 15px rgba(0,0,0,0.15);-o-box-shadow: 0 0 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15);display: block!important;min-width: 100%; border: 0;border-radius: 0;}
    .sub_menu.single > ul{padding: 70px 0;width: 100%;max-width: 1200px;margin: 0 auto;text-align: center;}
    .sub_menu.single li{display: inline-block;padding: 0px 61px;font-size: 16px;height: 100px;border-right: solid 1px #dcdcdc;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;max-width: 300px;}
    .sub_menu.single li:last-child{border-right:0;}
    .sub_menu.single li > a{white-space: nowrap;display: inline-block;width: 100%;color: #303233;line-height: 1;height: auto;background: 0 0;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
    .nav-pro.nav-icon{width: auto;}
    .sub_menu.single li .sub_menu_title{margin-top: 20px;font-size: 18px;color: #333;font-family: 'Open Sans';line-height: 24px;}
    .navbar .nav li:hover > .sub_menu.single{max-height: 500px;opacity: 1;}
    .proi-hide{display: none;padding: 50px 0;float:left;width:100%;clear: both;}
    .proi-hide.on{display: block;}
    .down-list{display: block; float: left; width: 100%; margin-bottom: 20px;border: solid 1px #e7e7e7;padding:15px; color: #333;}
    .down-list .h3{font-size: 18px;float: left;width: 65%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0; padding-left: 30px;position: relative;line-height: 30px;}
    .down-list .h3:before{content: "";position: absolute; width: 21px;height: 28px;background-image: url(../images/pdf.png); background-repeat: no-repeat;left: 0;}
    .down-list .h4{font-size: 18px;float: right;width: 25%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0; padding-right: 30px;position: relative;line-height: 30px;}
    .down-list .h4:before{content: "";position: absolute; width: 17px;height: 18px;background-image: url(../images/download.png); background-repeat: no-repeat;right: 0;top:5px;}
    .down-list:hover{background: #004da1;border-color: #004da1;color: #ffffff;}
    .down-list:hover .h3:before{background-image: url(../images/pdfh.png);}
    .down-list:hover .h4:before{background-image: url(../images/downloadh.png);}
    /* Banner Slider */
    .slider_home_page{position: relative;}
    .slider_home_page img{margin: auto;}
    :root{ --swiper-navigation-size: 30px;}
    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
    .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
    .swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 29px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
    .swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 29px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
    /*** Strip ***/
    .main_title{color: #333;font-size: 50px;line-height: 40px;text-transform: uppercase;font-family: 'Swis';margin-bottom: 60px;font-weight: bold;text-align: center;}
    .main_title.textWhite{color: #ffffff;margin-bottom: 60px;}
    .main_title.textWhiteh{
        margin-bottom: 0px;
        margin-top: 80px;
    }
    .main_title2{font-size: 36px;font-family: arial;color: #333;line-height: 30px;margin-bottom: 60px;}
    .single_item{float: left;width: 20%;position: relative;text-align: center;}
    .single_item:hover h3{transform: translateY(-10px);}
    .single_item .count{font-size: 30px;color: #004da1;margin-top:0;transition: all 0.3s ease 0s;}
    .single_item .count .timer{display: inline-block;font-style: normal;font-size: 60px;font-family: 'SimHei';color: #004da1;}
    .single_item .count span.text{font-size: 14px;color: #004da1;}
    .single_item p{font-size: 14px; color: #888888;margin-bottom: 0;}
    .single_item:after{content: '';width: 1px;height: 45px;background: #e8e8e8;position: absolute;right: 0;top: 50%;margin-top: -22.5px;}
    .slider-strip{margin-top: -85px;position: relative;z-index: 1;}
    /*** Product Section ***/
    .pr_home_page{margin-top: -85px;padding-top: 130px;}
    .single_product{position: relative;overflow: hidden;}
    .single_product .img_sec{position: relative;}
    .single_product .img_sec p{width: 100%;text-align: center;transition: all 0.3s;position: absolute;bottom: 20px;left: 0;padding: 0 10px;font-size: 18px;color: #333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
    .content_overlay{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;overflow: hidden;text-align: center;background: rgba(255,255,255,0.9);transition: all .5s ease 0s;}
    .content_overlay_content{width: 100%;display: inline-block;padding: 0 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .content_overlay h4{color: #004da1;font-size: 22px;line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 18px;}
    .content_overlay p{color: #666;font-size: 14px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
    .btn{font-size: 16px;padding: 8px 15px;}
    .btn-radius{border-radius: 40px;}
    .btn-ouline-primary{display: inline-block;min-width: 140px;border: 2px solid #004da1;color: #004da1;padding: 5px 0;}
    .btn-ouline-primary:hover,.btn-ouline-primary:focus{background-color: #004da1;color: #ffffff;}
    .content_overlay .btn{margin-top: 15px;}
    .single_product:hover .content_overlay{left: 0;}
    .single_product:hover .img_sec p{opacity: 0;}
    /*** Product zoom css ***/
    .easyzoom{position: relative;display: inline-block;*display: inline;*zoom: 1;}
    .easyzoom img{vertical-align: bottom;}
    .easyzoom.is-loading img{cursor: progress;}
    .easyzoom.is-ready img{cursor: crosshair;}
    .easyzoom.is-error img{cursor: not-allowed;}
    .easyzoom-notice{position: absolute;top: 50%;left: 50%;z-index: 150;width: 10em;margin: -1em 0 0 -5em;line-height: 2em;text-align: center;background: #FFF;box-shadow: 0 0 10px #888;}
    .easyzoom-flyout{position:absolute;z-index: 100;overflow: hidden;background: #FFF;}
    .easyzoom--overlay .easyzoom-flyout{top: 0;left: 0;width: 100%;height: 100%;}
    .easyzoom--adjacent .easyzoom-flyout{top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}
    /*** Product Details css ***/
    .product__carousel{ display: block; max-width: 100%; margin: 1em auto 3em;}
    .product__carousel a{ display: block;}
    .product__carousel .gallery-top{border: 1px solid #ebebeb;border-radius: 3px;margin-bottom: 5px;}
    .product__carousel .gallery-top .swiper-slide{position: relative;overflow: hidden;}
    .product__carousel .gallery-top .swiper-slide a{position: relative;display: flex;justify-content: center;align-items: center;width: 100%; height: 100%;}
    .product__carousel .gallery-top .swiper-slide a img{width: 100%;height: 100%;object-fit: contain;}
    .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img{min-width: 100%;min-height: 100%;}
    .product__carousel .swiper-button-next.swiper-button-white, .product__carousel .swiper-button-prev.swiper-button-white{color: #ff3720;}
    .product__carousel .gallery-thumbs .swiper-slide{position: relative;transition: border .15s linear;border: 1px solid #ebebeb;border-radius: 3px;cursor: pointer;overflow: hidden; height: calc(100% - 2px);}
    .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border-color: #000;}
    .product__carousel .gallery-thumbs .swiper-slide img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}
    .produt_sing_discp h2{margin-bottom: 30px;}
    .produt_sing_discp p{margin-bottom: 30px;}
    /*** Case study css ***/
    .case_study_slider{overflow: hidden;position: relative;}
    @media (min-width:992px){
    .case_study_slider .swiper-slide{width: 734px;position: relative;}
    .case_study_slider .swiper-slide .cs_img{position: relative;width: 734px;height: 400px;background: #fff;margin: 0 auto;-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.15);box-shadow: 0px 5px 20px rgba(0,0,0,.15);margin-bottom: 30px;}
    }
    .case_study_slider .swiper-slide .cs_img{background: #fff;}
    .case_study_slider .swiper-slide .cs_img:before{content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.5);position: absolute;top: 0;left: 0;transition: all 0.4s;}
    .case_study_slider .swiper-slide.swiper-slide-active .cs_img:before{opacity: 0;}
    .case_study_slider .swiper-slide img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;overflow: hidden;}
    .case_study_slider .swiper-slide h4{color:#ffffff;font-size: 22px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
    .arrow-btn{width: 58px;height: 58px;background: #00b7ee;transition: all 0.4s;cursor: pointer;position: absolute;border-radius: 50%;color: #fff;font-size: 18px;text-align: center;line-height: 58px;z-index: 10; top: 50%; margin-top: -29px;}
    .arrow-left{left: 17%;}
    .arrow-right{right: 17%;}
    .btn-ouline-default{display: inline-block;min-width: 160px;border: 2px solid #ffffff;color: #ffffff;}
    .btn-ouline-default:hover,.btn-ouline-default:focus{background-color: #ffffff;color: #004da1;}
    .cta-section{margin-top: 15px;}
    /*** Four column css ***/
    .small-padding{padding: 50px 0;}
    .colmn_link{display: inline-block;text-align: center;font-size: 20px;color: #666666;}
    .colmn_link span{display: block;}
    .colm_icon{width: 145px;height: 145px;border-radius: 50%;border: 3px solid #e5e5e5;margin: 0 auto;transition: all 0.4s;position: relative; margin-bottom: 30px;}
    .colm_icon img{position: absolute; left: 50%; top:50%;transform: translate(-50%,-50%);}
    .colm_icon img:nth-of-type(2){opacity: 0;}
    .colmn_link:hover .colm_icon img:nth-of-type(2){opacity: 1;}
    .colmn_link:hover .colm_icon{border-color:#0facf3;}
    .colmn_link:hover{color: #0facf3;}
    /*** News css ***/
    .news_sec_f1, .news_sec_f2{position: relative; height: 100%;z-index: 1;min-height: 100%;}
    .news_sec_f2 .col-sm-6.p0{position: relative; height: 100%;z-index: 1;min-height: 100%;}
    .news_sec_f1{padding: 80px 0 60px;}
    .news_post{position: relative;display: block;overflow: hidden;transition: all .5s ease 0s;}
    .news_post img{transition: all .5s ease 0s;}
    .news_post:hover .news_pic img{transform: scale(1.1);}
    .news_post .news_title{background: rgba(15, 172, 243, 0.63);color: #fff;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 20px;position: absolute;width: 100%;bottom: 0;left: 0;}
    .news_post2{color: #ffffff;padding-top: 0px;display: block;position: relative;z-index: 1;padding-bottom: 0px;overflow: hidden;min-height: 350px;margin-top: 80px;}
    .news_post2:hover{color: #ffffff;}
    .news_post2:before{content: '';width: 0;height: 100%;background: rgba(15, 172, 243, 0.6);position: absolute;left: 0;top: 0;z-index: -1;transition: all 0.4s;}
    .news_post2:hover:before{color: #ffffff;width:100%;}
    .title_2{color: #fff;font-size: 20px;font-family: arial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 9px;}
    .discp{color: #f2f1f1;font-size: 14px;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin-bottom: 10px;}
    /*** Contact css ***/
    .contact_list li{position: relative; margin-bottom: 30px; padding-left: 55px;color: #000;font-size: 20px;line-height: 26px;}
    .contact_list li i{ position: absolute; top: 50%; transform: translateY(-50%);display: inline-block; left: 0;width: 34px;height: 34px;background: #dcdcdc;border-radius: 50%;vertical-align: middle;margin-right: 12px;color: #fff;font-size: 20px;text-align: center;line-height: 34px;transition: all 0.4s;}
    .contact_list li span:nth-of-type(1){display: block;margin-bottom: 10px;color: #000;font-size: 20px;line-height: 26px;}
    .contact_list li span:nth-of-type(2){display: block;margin-bottom: 10px;color: #666;font-size: 18px;line-height: 18px;}
    .contact_list li:hover i{background-color: #0facf3;}
    .link_more{display: block;font-size: 18px;color: #1a52b1;padding-left: 46px;background: url(../images/right1.png) no-repeat left center;line-height: 26px;margin-top: 40px;}
    .map_overflow{}
    .map_overflow .map{position: relative;width: 790px;}
    .dot_box{position: absolute;cursor: pointer;}
    .dot{width: 6px;height: 6px;border-radius: 50%;margin: 0 auto 22px;transition: all 0.4s;position: relative;z-index: 1;background-color: #1a52b1;}
    .dot:after{content: ''; width: 34px; height: 34px;background: rgba(33,158,254,0.72);border-radius: 50%;left: 50%;top: 50%;margin-top: -17px;margin-left: -17px;position: absolute;opacity: 0;z-index: -1;transition: all 0.4s;}
    .dot_box1_in p{font-size: 16px;font-family: arial;position: absolute;left: -30px;top: 10px;z-index: 10;color: white;background-color: #1f5fa6; border-radius: 2px; padding: 2px; line-height: 15px;}
    .dot_img{position: absolute;display: none;width: 200px;border-radius: 3px;background: #666;left: -96px; margin-top: -206px; z-index: 999;}
    .dot_img img{max-width: 100%;}
    .dot_img p{color: #fff;font-family: "SimHei";font-size: 18px;padding: 10px 38px;transition: all 0.4s;position: relative;z-index: 20;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 14px 2px 14px;padding: 15px 10px 10px 10px; margin-bottom: 0;}
    .dot_img h3{color: white;display: block;font-weight: bold;font-size: 15px;line-height: 20px;padding: 0px 20px;word-wrap: break-word;word-break: normal;margin-bottom: 14px; margin-top: 0;}
    .dot_box:hover .dot_img{display: block;}
    .dot_box1{left:204px;bottom: 153px;}
    .dot_box2{left: 444px;bottom: 238px;}
    .dot_box3{left: 519px;bottom: 216px;}
    .dot_box4{left: 548px;bottom: 183px;}
    .dot_box5{left: 490px;bottom: 220px;}
    .dot_box6{left: 632px;bottom: 207px;}
    .dot_box7{left: 600px;bottom: 184px;}
    .dot_box8{left:690px;bottom:134px;}
    .dot_box9{left: 675px;bottom:90px;}
    .dot_box10{left: 225px;bottom:19px;}
    .dot_box11{left: 554px; bottom: 169px;}
    .dot_box12 {left: 655px;bottom: 204px;}
    .dot_box2 .dot_box1_in p{left: -29px;}
    .dot_box3 .dot_box1_in p{left: 12px;top: -8px;}
    .dot_box4 .dot_box1_in p{left: -43px;top: -8px;}
    .dot_box5 .dot_box1_in p{left: -12px;top: -27px;}
    .dot_box6 .dot_box1_in p{left: -8px;top: -26px;width: 136px;}
    .dot_box7 .dot_box1_in p{left: -21px;top: 12px;}
    .dot_box8 .dot_box1_in p{left: 18px;top: -8px;}
    .dot_box9 .dot_box1_in p{left: -30px;}
    .dot_box11 .dot_box1_in p{ width: 77px;left: -69px;}
    .dot_box12 .dot_box1_in p{left: 10px;}
    /*** Footer css ***/
    .footer_top{padding: 60px 0 0px;background: #000000;}
    .footer_widget{float: left;width: 20%; padding-right: 15px;}
    .footer_widget h4{color: #333;font-size: 18px;font-family: arial;display: block;line-height: 18px;margin-bottom: 22px;}
    .footer_widget h4 a{color: #ffffff;}
    .footer_widget ul li a{color: #888;font-size: 14px;font-family: arial;display: block;line-height: 34px;}
    .footer_widget ul li a:hover, .footer_widget ul li a:focus{color: #00479d;}
    .social_icons li{display: inline-block;}
    .social_icons a{ display: block;width: 40px;height: 34px;border: 1px solid #c8c8cf;background: transparent;text-indent: 0;font-size: 20px;color: #808fa2;text-align: center;padding: 0;line-height: 34px;margin: 0 0 0 15px;margin-top: 10px;}
    .social_icons a:hover{ color: #1a52b1;}
    .footer_bottom.full-width{padding: 26px 15px;}
    .footer_bottom p, .footer_bottom p a{margin: 0;font-size: 14px;color: #888;text-align: center;}
    /*** Social Side css ***/
    .kefu-box{position: fixed;right: 20px;bottom: 180px;z-index: 800;display: none;}
    .kefu {width: 46px;height: 46px;padding-left: 10px; margin-bottom: 5px;position: relative;}
    .kefu span{display: block;width: 45px;height: 45px;border: 1px solid #ddd;position: relative;cursor: pointer;}
    .kefu-email span{background: #fff url(../images/email.png) no-repeat center;}
    .kefu-email:hover span{background: #00479d url(../images/email-h.png) no-repeat center;border-color: #00479d;}
    .kefu-skype span{background: #fff url(../images/skype.png) no-repeat center;}
    .kefu-skype:hover span{background: #00479d url(../images/skype-h.png) no-repeat center;border-color: #00479d;}
    .kefu-tel span{background: #fff url(../images/tel.png) no-repeat center;}
    .kefu-tel:hover span{background: #00479d url(../images/tel-h.png) no-repeat center;border-color: #00479d;}
    .kefu-email-info{width: 180px;display: block;position: absolute;right: 56px;top: 1px;height: 45px;line-height: 45px;background-color: #00479d;text-align: center;color: #fff;display: none;}
    .kefu-email-info:after{content: '';display: block;width: 0;height: 0;border: 8px;border-color: transparent;border-style: solid;border-left: 8px solid #00479d;position: absolute;right: -16px;top: 13px;}
    .backTop{width: 45px;height: 45px;margin-left: 10px;border: 1px solid #ddd;background: #fff url(../images/backtop.png) no-repeat center;cursor: pointer;}
    .backTop:hover{background: #00479d url(../images/backtop-h.png) no-repeat center;border-color: #00479d;}
    .kefu:hover .kefu-email-info{display: block;}
    /*** Inner Pages css ***/
    .banner_inner_page{background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 108px; padding-bottom: 108px;}
    .banner_inner_page h3{text-transform: uppercase;color: #ffffff;margin-bottom: 20px;font-size: 34px;margin-top: 0;}
    .breadcrumbs ul li{display: inline-block; padding: 0 8px;border-right: solid 1px #cecece;line-height: 15px;color: #ffffff;}
    .breadcrumbs ul li:last-child{border-right: 0;}
    .breadcrumbs ul li a{color: #ffffff;}
    .product_nav a{font-family: 'thin';transition: all 0s;font-size: 16px;display: block;float: left;height: 52px;width: 215px;color: #ffffff;text-align: center;line-height: 52px;position: relative;}
    .product_nav a:before{content: ""; position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;bottom: -8px;left: 50%;margin-left: -4px;opacity: 0;visibility: hidden;}
    .product_nav a:hover, .product_nav a.active{background:#0c6fdb;}
    .product_nav a:hover:before, .product_nav a.active:before{opacity: 1;visibility: visible;bottom: 0;}
    .product_changer h3{font-size: 14px;line-height: 30px;color: #888;float: left; margin-top: 0;}
    .product_changer .pro-btn{float: right;}
    .pro-btn a{float: left;margin-left: 11px;display: block;width: 34px;height: 30px;border: solid 1px #888888;border-radius: 3px;}
    .pro-btn a.heng{background: url(../images/heng.png) no-repeat center;}
    .pro-btn a.heng.active{border-color: #004DA1;background: #004DA1 url(../images/hengH.png) no-repeat center;}
    .pro-btn a.shu{background: url(../images/shu.png) no-repeat center;}
    .pro-btn a.shu.active{border-color: #004DA1;background: #004DA1 url(../images/shuH.png) no-repeat center;}
    .products.prList .single_product{display: block;border: solid 1px #dcdcdc;margin-top: 30px;}
    .products.prList .single_product .img_sec{width: 25%;float: left;position: relative;}
    .products.prList .single_product .img_sec img{transition: all .5s;}
    .products.prList .single_product:hover .img_sec img{transform: scale(1.05);}
    .products.prList .single_product .content_overlay{width: 75%;float: left;position: initial;}
    .products.prList .single_product .content_overlay_content{transform: none; position: static; text-align: left;padding-top: 50px;}
    .products.prList .single_product .content_overlay_content h4 a{text-transform: uppercase;color: #333333;}
    .products.prList .single_product:hover .content_overlay_content h4 a{color: #004DA1;}
    .products.prList .single_product .content_overlay_content .btn-ouline-primary{border-color: #dcdcdc; color:#888;}
    .products.prList .single_product:hover .content_overlay_content .btn-ouline-primary{border-color: #004DA1; color:#004DA1;background-color: #ffffff;}
    .products.prList .single_product .img_sec p{opacity: 0;}
    .products.prThumb .single_product{float: left; width:32%; margin-right: 2%;margin-top: 30px;}
    .products.prThumb .single_product .content_overlay_content h4{text-transform: uppercase;}
    .products.prThumb .single_product:nth-of-type(3n+3){margin-right: 0;}
    .products.prThumb .single_product .content_overlay{background: rgba(234,234,234,0.9)}
    .products.prThumb .single_product .content_overlay .content_overlay_content{padding: 10px 30px;}
    .products.prThumb .single_product .img_sec p{opacity: 1;bottom: 0; font-size: 16px;margin-bottom: 5px;}
    .pagee a{margin: 0 3px;display: inline-block;width: 40px;height: 40px;font-size: 16px;color: #333333;text-align: center;line-height: 38px;border: solid 1px #dddddd;}
    .pagee a:hover, .pagee a.on{color: #fff;background: #004da1;border-color: #004da1;}
    /*** Product details css ***/
    .pro-swiper{position: relative;}
    .three_slide_slider, .five_slide_slider{overflow: hidden;}
    .pro-swiper .swiper-slide{box-sizing: border-box;padding: 15px 30px;}
    .pro-swiper .swiper-slide >a{display: block;text-align: center;}
    .pro-swiper .swiper-slide >a .tit{font-size: 16px;color: #000;white-space:nowrap;min-width: 80px;}
    .pro-swiper .swiper-slide >a:hover .tit, .pro-swiper .swiper-slide.swiper-slide-active >a .tit{/* color: #004da1; */}
    .pro-icon{width: 76px; height: 64px;position: relative;overflow: hidden;text-align: center;display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px;box-sizing: border-box;padding: 0 38px;}
    .proi-hide h3{font-size: 18px;color: #333;line-height: 18px;font-family: 'open sans bold';}
    .proi-hide p{font-size: 14px;color: #888;line-height: 23px;font-family: Microsoft YaHei;margin-bottom: 0;}
    .proi-hide.on{display: block;}
    .proi-box{padding-bottom: 30px;border-bottom: solid 1px #eaeaea;}
    
    .pro-icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);transition: all .5s ease 0s;}
    .pro-icon img:nth-of-type(2){opacity: 0; top: 150%;}
    .pro-icon:hover img:nth-of-type(1), .swiper-slide.swiper-slide-active >a .pro-icon img:nth-of-type(1){/* top: -150%; */}
    .pro-icon:hover img:nth-of-type(2), .swiper-slide.swiper-slide-active >a .pro-icon img:nth-of-type(2){/* opacity: 1; *//* top: 50%; */}
    .product_feature{margin-top:60px;float: left;width: 100%;}
    .feature_list li{float: left;margin-left: 20px;position: relative;margin-bottom: 20px;}
    .feature_list li img{border-radius: 10px;max-width: 50px;}
    .feature_list li p{position: absolute;min-width: 80px;font-size: 14px;color: white;height: 30px;line-height: 30px;padding: 0px;background: #004DA1;border-radius: 20px;left: 50%;transform: translateX(-50%); bottom: 0;width:165px;opacity: 0;visibility: hidden;text-align: center;font-size: 11px;margin-bottom: 8px;}
    .feature_list li p:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width:6px 6px 0 6px;border-color: #004DA1 transparent transparent transparent;top: 100%;left: 50%;transform: translateX(-50%);}
    .feature_list li:hover p{opacity: 1;visibility: visible;bottom: 100%;}
    .proi-box ul{margin-bottom: 50px;}
    .proi-box ul:last-child{margin-bottom: 0;}
    .proi-box ul li{position: relative; padding: 8px 0;padding-left: 20px;margin-left: 10px;}
    .proi-box ul li:before{content: ""; position: absolute; left: 0; top:50%; transform: translateY(-50%);width:8px; height: 8px;border-radius: 20px;background: #004da1;}
    .proi-a a{float: left;width: 20%;text-align: center; padding: 10px;font-size: 18px;color: #333333;}
    .proi-a a:nth-child(2n){background: #e5e5e5;}
    .proi-a a:nth-child(2n+1) { background: #eeeeee;}
    .proi-a a.active{background: #004DA1;color: #ffffff;}
    .spacification_table th, .spacification_table td{padding: 10px!important;}
    .spacification_table th{font-weight: normal;}
    .spacification_table td{color: #666;font-size: 14px;}
    .info-swiper{position: relative;overflow: hidden;}
    .info-swiper .swiper-button-next, .info-swiper .swiper-button-prev{color: #ffffff;background: #bfbfbf !important;opacity: 1;width: 42px;height: 42px;border-radius: 50%;text-align: center;line-height: 42px;top: 80px;margin-top: 0;display: none;}
    .info-swiper .swiper-button-next, .info-swiper .swiper-button-prev:hover{color: #ffffff;background: #004DA1 !important;opacity: 1;width: 42px;height: 42px;border-radius: 50%;text-align: center;line-height: 42px;top: 80px;margin-top: 0;}
    .info-swiper .swiper-button-next:after, .info-swiper .swiper-button-prev:after{font-size: 20px;}
    .title_with_left_border{margin-bottom: 40px;font-size: 18px;color: #333;line-height: 22px;padding-left: 15px;border-left:4px solid #0facf3;}
    .info-swiper .swiper-slide h4{margin-top: 25px;font-size: 18px;line-height: 26px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .info-swiper .swiper-slide h4 a{color: #333333;}
    .info-pic{height: 208px;overflow: hidden;position: relative;display: block;}
    .case-search{transition: all .5s;position: absolute;top: -100%;margin-top: -29px;left: 50%;margin-left: -29px;width: 58px;height: 58px;border-radius: 50%;background: #004da1;text-align: center;line-height: 58px;font-size: 25px !important;color:#ffffff;font-weight: bold;}
    .info-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
    .info-swiper .swiper-slide:hover img{transform: scale(1.05);}
    .info-swiper .swiper-slide:hover .case-search{top: 50%;}
    .info-swiper .swiper-slide p{margin: 10px 0 25px 0;line-height: 20px;font-size: 14px;color: #888;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;}
    .info-bot.fw{border-top: 1px solid #ddd;padding-top: 20px;}
    /*** Search css ***/
    .search-alert{position: fixed;z-index: 1006;background-color: rgba(0,0,0,0.9);left: 0;top: 0;width: 100%;height: 100%;display: none;}
    .search-alert .close{display: block;width: 27px;height: 27px;background: url(../images/close.png) no-repeat center;position: absolute; top: 38px;right: 2.6%;cursor: pointer;transition: transform 0.3s ease 0s;}
    .search-alert .topsearch-form{position: absolute;width: 100%;max-width: 1200px; left: 50%;top: 50%;height: 124px;transform: translate(-50%, -50%);padding: 0 30px;}
    .search-alert .topsearch-form>div{border-bottom: 1px solid #515151;}
    .search-alert .topsearch-form .topsearchtx{border: none;font-size: 30px;height: 124px;line-height: 124px;text-align: center;width: 100%;color: #555;background: none;padding-left: 88px;padding-right: 80px;outline: none;}
    .search-alert .topsearch-form .topsearchbtn{cursor: pointer;width: 124px;height: 124px;border: none;background: url(../images/serach.png) no-repeat center;background-color: #004DA1;background-size: 20px 20px;position: absolute;right: 30px;bottom: 0;z-index: 1001;outline: none;}
    /*** Login css ***/
    .logo_icon a{display: inline-block; max-width: 150px;}
    .loginform .form-group{margin-bottom: 20px;}
    .loginform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
    .catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
    .btn-big{font-size: 18px; padding: 15px 15px;}
    .links_area a{text-transform: uppercase;margin:5px 8px;display: inline-block;vertical-align: middle;}
    .links_area a:hover,.links_area a:focus{color: #000000;}
    /*** Register css ***/
    .registerform .form-group{margin-bottom: 20px;min-height: 65px;}
    .registerform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
    .registerform .catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
    .varification input{float: left; max-width: 180px;margin-right: 15px;}
    .varification .catpcha-sec{margin-top: 0;}
    .registerform .select2-container .select2-selection--single{height: auto;border: 1px solid #dddddd;border-radius: 0;}
    .registerform .select2-container .select2-selection--single .select2-selection__rendered{padding-top: 10px;padding-bottom: 10px;padding-left: 15px;}
    .registerform .select2-container--default .select2-selection--single .select2-selection__arrow{position: absolute;top: 17px;right: 8px;}
    /*** Forgot css ***/
    .forgot_passform .form-group{margin-bottom: 20px;}
    .forgot_passform .form-control{height: auto; border-radius: 0;box-shadow: none;padding: 18px 15px;}
    .forgot_passform .catpcha-sec{display: inline-block; vertical-align: top; padding: 10px 30px;border: 1px solid #ddd;margin-top: 20px;}
    /*** Mannual Download css ***/
    .download_search .form-group{position: relative;margin-bottom: 0;overflow: hidden;border-radius: 50px;}
    .download_search .form-control{font-size: 18px;color: #333333;height: auto;border: 2px solid #dcdcdc;border-radius: 50px; padding: 12px 100px 12px 30px;}
    .download_search button{position: absolute;right: 0;top: 0;border-radius: 50px;border: 0;background: no-repeat;padding: 11px 30px;cursor: pointer;}
    .download_search button i{font-size: 30px;color: #004da1;}
    .download_search button:hover, .download_search:hover button{background: #004da1;}
    .download_search button:hover i, .download_search:hover button i{color: #ffffff;}
    /*** Technical Support css ***/
    .icons_with_hover{color: #333;}
    .icons_with_hover:before{position: absolute;content: '';background: #dedede;width: 1px;height: 88px;right: 0;top: 34px;}
    .tech_support_colm .col-md-4:nth-of-type(3) .icons_with_hover:before{display: none;}
    .icons_with_hover:hover .pro-icon img:nth-of-type(2){opacity: 1;top: 50%;}
    .icons_with_hover:hover .pro-icon img:nth-of-type(1){opacity: 0;top: -100%;}
    .supp-pic{width: 100%;max-height: 250px;overflow: hidden;position: relative;}
    .supp-pic img{min-height: 250px;}
    .supp-pic a{display: block;position: relative;}
    .supp-pic:before{position: absolute;z-index: 3;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(../images/pause.png) no-repeat center;transition: all .5s ease 0s;}
    .supp-pic:after{position: absolute;z-index: 2;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);}
    .single_video{margin-top: 20px;}
    .single_video .h4{font-size: 16px;color: #333;line-height: 26px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 15px;}
    .video_link:hover .supp-pic:before{transform: rotate(360deg) scale(1.05);}
    .video_modal .modal-dialog{width: 100%;margin: 30px auto;max-width: 890px; padding: 0 25px;}
    .video_modal .modal-dialog .modal-body{position: relative; padding: 40px;}
    .video_modal .close{position: absolute;right: 0;top: 0;font-size: 45px;width: 45px;}
    /*** Maintenance and Repair css ***/
    .part-select{position: relative;margin-bottom: 53px;font-family: arial;font-size: 24px;color: #888888;padding: 0 30px;max-width: 440px;width: 100%;height: 60px;border: solid 2px #ccc;border-radius: 30px;appearance: none;-webkit-appearance: none;}
    .part-input{width: 100%;font-size: 16px;line-height: 56px;color: #666;background: #fff url(../images/select.png) no-repeat right center;}
    .part-options{position: absolute;top: 100%;left: 0;z-index: 2;width: 100%;margin-top: 1px;border: solid 1px #ccc;background: #fff;padding: 10px 0;-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.08);box-shadow: 0 3px 10px 2px rgba(0,0,0,.08);display: none;}
    .part-options li{padding: 10px 20px;font-weight: 500;font-size: 14px;color: #666;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;position: relative;z-index: 1;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
    .div_p{color: #888;font-size: 18px;line-height: 26px;}
    .div_p p{display: none;}
    .div_p span{padding-right: 70px;}
    .registerform.online-message_form .select2-container{width:100%!important;}
    .heading_with_border-bottom{padding-bottom: 15px;position: relative;margin-bottom: 30px;}
    .heading_with_border-bottom:before{content: ""; position: absolute; left: 50%; width: 26px;background: #004da1;height: 2px;top: 100%;margin-left: -13px;}
    .repair-two{padding-top: 30px;border-top: solid 1px #dcdcdc;}
    .part-select:hover .part-options{display: block;}
    .part-options li:hover{background: #0c6fdb;color: white;}
    /*** News css ***/
    .single_news{border: 1px solid #ddd; margin-bottom: 15px;}
    .news-data{font-family: 'thex';font-size: 26px;color: #cccccc;}
    .news-more{transition: all .5s;margin-top: 18px;width: 40px;height: 40px;border-radius: 50%;border: solid 1px #dcdcdc;text-align: center;line-height: 38px;color: #cccccc;font-size: 20px !important; display: inline-block;}
    .single_news h3{margin-top: 0;}
    .single_news h3 a{color: #333333;}
    .single_news .col-md-4 a{display: block;overflow: hidden;}
    .single_news img{transition: all .5s;}
    .single_news .col-md-8{padding-right: 150px;position: relative;}
    .date_and_link{position: absolute; right: 0; padding: 0 20px;top:50%;transform: translateY(-50%);}
    .single_news:hover .news-more,.news-more:hover{border-color: #004da1;background: #004da1;color: white;transform: translateX(10px);}
    .single_news:hover .news-more,.news-more:hover{border-color: #004da1;background: #004da1;color: white;transform: translateX(10px);}
    .single_news:hover a, .single_news:hover .news-data{color: #004da1;}
    .single_news:hover img, .single_news .col-md-4 a:hover img{transform: scale(1.05);}
    .news_discp{margin-top: 40px;padding-top: 30px; border-top: 1px dashed #c4c4c4;}
    .share_news >p{display: inline-block;}
    .share_news >.social_icons{display: inline-block;}
    strong{font-family: 'open sans bold';font-weight: normal;}
    .previ__next_news .next{ position: relative;float: right;width: 35%;padding-right: 60px;color: #212121;text-align: right;}
    .previ__next_news .next:hover{color: #1a52b1;}
    .previ__next_news .next:hover i{right: 0px;background-color:#1a52b1;color: #ffffff;border-color:#1a52b1;}
    .previ__next_news .next strong, .previ__next_news .prev strong{display: block;}
    .previ__next_news .next i{position: absolute;right:10px;top: 50%; transform: translateY(-50%);}
    .previ__next_news .prev{ position: relative;float: left;width: 35%;padding-left: 60px;color: #212121;}
    .previ__next_news .prev:hover{color: #1a52b1;}
    .previ__next_news .prev i{position: absolute;left: 10px;top: 50%; transform: translateY(-50%) rotate(180deg);}
    .previ__next_news .prev:hover i{left: 0px;background-color:#1a52b1;color: #ffffff;border-color:#1a52b1;}
    /*** Csae study css ***/
    .single-case, .single-case h4, .single-case p{margin-bottom: 30px;line-height: 26px;}
    .single-case h4, .single-case h4 a{color: #333333;}
    .single-case p{color: #888888;}
    .single-case .case-pic{position: relative;overflow: hidden;height: 330px;background-color: #ffffff;}
    .single-case .case-pic img{width:100%;}
    .single-case .case-pic:hover .case-search{top: 50%;}
    .single-case .case_discp{padding: 0 80px 0 70px;}
    .btn.btn-ouline-grey{font-size: 14px;color: #888888;border: 1px solid #999999;padding: 4px 19px;}
    .img-center img{display: block;margin: auto;}
    .single-case:hover h4 a{color: #1a52b1;}
    .single-case:hover .btn.btn-ouline-grey{background-color: #1a52b1;color: #ffffff; border-color: #1a52b1;}
    .single-case:hover .case-pic .case-search{top: 50%;}
    .single_slide_slider{overflow: hidden;}
    .btn.btn-radius.btn-primary{padding: 10px 15px;font-size: 14px;background: #004da1;border-color: #004da1;min-width: 152px;}
    .btn.btn-radius.btn-primary:hover{background: #0c6fdb;border-color:#0c6fdb;}
    /*** faqs css ***/
    .faq-box a{display: block;margin-bottom: 20px;padding: 15px 30px 15px 15px; border: solid 1px #e7e7e7;color: #333;font-size: 18px;position: relative;}
    .faq-box a:after{font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;content: 'next';font-size: 18px;position: absolute; right: 20px;top:50%;transform: translateY(-50%)}
    .faq-box a:hover{background:#1a52b1;color: #ffffff; }
    .previ__next_news{border-top: 1px solid #ddd;padding-top: 30px;}
    .aboutmore .col-md-4 img{transition: all .5s;}
    .aboutmore .col-md-4:hover img{transform: rotateY(180deg);}
    
    .con-three {
    position: relative;
    height: 780px;
    background: url(../images/countries/map2.png) no-repeat center;
    }
    .con-dot {
    position: absolute;
    cursor: pointer;
    }
    .con-three img{max-width: 100%;}
    .con-dot span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* border: solid 3px rgba(0,77,161,0.8); */
    margin: 0 auto;
    background-color: #1a52b1;
    }
    .con-dot span:after {
    content: '';
    width: 34px;
    height: 34px;
    background: rgba(33,158,254,0.72);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-top: -17px;
    margin-left: -17px;
    position: absolute;
    opacity: 0;
    transition: all 0.4s;
    }
    .con-dot .con-show p {
    position: absolute;
    font-size: 15px;
    font-family: arial;
    color: white;
    background-color: #1f5fa6;
    border-radius: 2px;
    padding: 2px; margin: 0; line-height: 18px;
    }
    .con-hide {
    position: absolute;
    display: none;
    /* left: -142px; */
    /* bottom: -55px; */
    width: 200px;
    border-radius: 3px;
    background: #666;
    left: -96px;
    margin-top: -181px;
    z-index: 999;
    }
    .con-hide p {
    color: #fff;
    font-family: "SimHei";
    font-size: 18px;
    /* background: #666; */
    /* border-radius: 20.5px; */
    padding: 15px 10px 10px 10px;
    transition: all 0.4s;
    position: relative;
    z-index: 20;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; margin: 0;
    }
    .con-hide h3 {
    color: white;
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    padding: 0px 20px;
    word-wrap: break-word;
    word-break: normal; margin-top: 0;
    margin-bottom: 14px;
    }
    .con-dot:hover .con-hide {
    display: block;
    }
    .con-dot1 {
    left: 306px;
    top: 454px;
    }
    .con-dot2 {
    left: 660px;
    top: 330px;
    }
    .con-dot3 {
    right: 453px;
    top: 353px;
    }
    .con-dot4 {
    right: 410px;
    top: 366px;
    }
    .con-dot5 {
    right: 369px;
    top: 414px;
    }
    .con-dot6 {
    right: 248px;
    top: 378px;
    }
    .con-dot7 {
    right: 288px;
    top: 413px;
    }
    .con-dot8 {
    right: 178px;
    bottom: 202px;
    }
    .con-dot9 {
    right: 162px;
    bottom: 275px;
    }
    .con-dot10 {
    left: 334px;
    top: 652px;
    }
    .con-dot11 {
    right: 219px;
    top: 394px;
    }
    .con-dot12 {
    right: 369px;
    top: 438px;
    }
    .con-dot1 .con-show p {
    left: -40px;
    bottom: -30px;
    }
    .con-dot2 .con-show p {
    left: -20px;
    bottom: -30px;
    }
    .con-dot3 .con-show p {
    left: -7px;
    top: -30px;
    }
    .con-dot4 .con-show p {
    right: -80px;
    top: -6px;
    }
    .con-dot5 .con-show p {
    left: 12px;
    bottom: -7px;
    }
    .con-dot6 .con-show p {
    right: -116px;
    bottom: 14px;
    }
    .con-dot7 .con-show p {
    right: -69px;
    bottom: -8px;
    }
    .con-dot8 .con-show p {
    left: -33px;
    bottom: -30px;
    }
    .con-dot9 .con-show p {
    left: 16px;
    top: -8px;
    }
    .con-dot11 .con-show p {
    left: 15px;
    top: -7px;
    }
    .con-dot12 .con-show p {
    right: -80px;
    top: -6px;
    }
    .con-three{width: 1200px;}
    /*** Responsice css ***/
    @media (min-width:992px) and (max-width:1200px){
    .single_item .count{font-size: 15px;}
    .single_item .count .timer{font-size: 30px;}
    .single_item p{font-size: 12px;}
    .section{padding: 60px 0; }
    .pr_home_page{padding-top: 170px;}
    .map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
    .colmn_link{font-size: 16px;}
    .navbar .nav > li > a{margin: 0 5px;padding: 0px 5px;}
    .right_menu > div{margin-left: 10px;}
    .right_menu{margin-left: 0px;}
    .products.prList .single_product .content_overlay_content{padding-top:20px; padding-left: 20px;padding-right: 20px;}
    .abo-p{height: 180px;}
    .single-case .case_discp{padding:0 30px}
    .single-case .case-pic{height: 330px;}
    .single-case .case-pic img{height: 330px;}
    }
    @media (min-width:768px) and (max-width:991px){
    .navbar-toggle{display: block;float: right;margin-top: 20px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 15px;margin-bottom: 15px;}
    .navbar .nav > li > a{line-height: 40px;}
    .slider-strip{margin-top: 0;}
    .single_item .count{font-size: 15px;}
    .single_item .count .timer{font-size: 25px;}
    .single_item p{font-size: 12px;}
    .pr_home_page{margin-top: 0;}
    .section{padding: 50px 0; }
    .main_title{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
    .main_title2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
    .content_overlay_content{padding: 0;}
    .single_product .img_sec p{bottom: 0;font-size: 15px;}
    .arrow-left{left: 0;}
    .arrow-right{right: 0;}
    .case_study_slider .swiper-slide{opacity: 0!important;}
    .case_study_slider .swiper-slide.swiper-slide-active{opacity: 1!important;}
    .fourcolumn-section{text-align: center;}
    .fourcolumn-section .colm_icon{margin-bottom: 10px;}
    .colmn_link{margin-bottom: 30px;}
    .news_sec_f1{padding-top: 40px;padding-bottom: 20px;}
    .news_post2{min-height: 1px;padding-top: 0;margin-bottom: 15px;}
    .map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
    .footer_top{padding: 15px 0;}
    .footer_top .col-md-3, .social_icons{clear: both;}
    .footer_widget{margin-bottom: 20px;}
    .footer_widget:last-child{margin-bottom: 0px;}
    .footer_widget h4{margin-bottom: 10px;}
    /* Product */
    .products.prList .single_product .content_overlay_content{padding-top:0px; padding-left: 20px;padding-right: 20px;}
    .products.prList .single_product .content_overlay .btn{margin-top: 0;margin-bottom: 15px;}
    .products.prThumb .single_product{width:49%;}
    .products.prThumb .single_product:nth-of-type(2n+2){margin-right: 0!important;}
    .supp-pic{max-height: 180px;}
    .supp-pic img{min-height: 180px;}
    .single_box_shadow{margin: 15px 0;}
    .single-case, .single-case h4, .single-case p{margin-bottom: 10px;line-height: 26px;}
    .abo-right h2{margin-top: 0;font-size: 18px;}
    .abo-p{height: 140px;}
    .single-case .case_discp{padding:0 15px}
    .single-case .case-pic{height: 330px;}
    .single-case .case-pic img{height: 330px;}
    }
    @media (max-width:767px){
    .navbar-toggle{display: block;float: right;margin-top: 20px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 15px;margin-bottom: 15px;}
    .navbar .nav > li > a{line-height: 40px;}
    .slider-strip{margin-top: 0;}
    .slider-strip .single_item{width: 50%; margin-bottom: 20px;min-height: 65px;}
    .slider-strip .single_item:last-child{width: 100%; margin-bottom: 0px;}
    .section{padding: 40px 0; }
    .single_item .count .timer{font-size: 30px;}
    .single_slide_slider .swiper-button-next, .single_slide_slider .swiper-container-rtl, .single_slide_slider .swiper-button-prev{padding: 15px;}
    .single_slide_slider .swiper-button-next:hover, .single_slide_slider .swiper-container-rtl:hover, .single_slide_slider .swiper-button-prev:hover{padding: 15px;}
    .single_slide_slider .swiper-button-next:focus, .single_slide_slider .swiper-container-rtl:focus, .single_slide_slider .swiper-button-prev:focus{padding: 15px;}
    :root{--swiper-navigation-size: 15px;}
    .pr_home_page{margin-top: 0;}
    .main_title{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
    .main_title2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
    .single_product{margin-bottom:15px; }
    .case_study_slider .swiper-slide .cs_img{width: 100%;height: auto;}
    .arrow-left{left: 0;}
    .arrow-right{right: 0;}
    .arrow-btn{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
    .case_study_slider .swiper-slide h4{white-space: normal;word-break: normal;}
    .fourcolumn-section{text-align: center;}
    .fourcolumn-section .colm_icon{margin-bottom: 10px;}
    .colmn_link{margin-bottom: 20px;}
    .colmn_link .title_colm{font-size:15px;}
    .news_sec_f1{padding-top: 40px;padding-bottom: 20px;}
    .news_post2{min-height: 1px;padding-top: 0;margin-bottom: 15px;}
    .map_overflow{overflow-x: auto;overflow-y: hidden;padding-bottom: 15px;}
    .footer_top{padding: 15px 0;}
    .footer_widget{width: 100%;padding-right: 0;}
    .footer_top .col-md-3, .social_icons{clear: both;}
    .footer_widget{margin-bottom: 20px;}
    .footer_widget:last-child{margin-bottom: 0px;}
    .footer_widget h4{margin-bottom: 10px;}
    .case_study_slider .swiper-slide{opacity: 0!important;}
    .case_study_slider .swiper-slide.swiper-slide-active{opacity: 1!important;}
    /* product page */
    .banner_inner_page{padding: 50px 0;}
    .banner_inner_page h3{font-size: 18px;margin-bottom: 10px;}
    .breadcrumbs ul li,.breadcrumbs ul li a{font-size: 12px;line-height: 12px;}
    .product_nav{display: none;}
    .products.prList .single_product .img_sec{width:40%;}
    .products.prList .single_product .content_overlay{width: 60%;}
    .products.prList .single_product .content_overlay_content{padding: 0 10px;}
    .products.prList .single_product .content_overlay_content p{display: none;}
    .products.prList .single_product .content_overlay_content h4{font-size: 15px;line-height: 22px; overflow: visible;white-space: normal;}
    .products.prList .single_product .content_overlay .btn{margin-top: 0;font-size: 13px;min-width: 1px;}
    .products.prThumb .single_product{width:49%;}
    .products.prThumb .single_product:nth-of-type(2n+2){margin-right: 0!important;}
    .product_changer h3,.product_changer .pro-btn{width: 100%; text-align: center;}
    .product_changer .pro-btn a{float: none; display: inline-block; vertical-align: top;}
    .search-alert .topsearch-form{height: 60px;}
    .search-alert .topsearch-form .topsearchtx{font-size: 20px;height: 60px;line-height: 60px;padding-left: 30px;padding-right: 70px;}
    .search-alert .topsearch-form .topsearchbtn{width: 60px;height: 60px;}
    .loginpage-section.p20{padding-left: 0; padding-right: 0;}
    .products_discription.p30, .produt_sing_discp.p30{padding: 0;}
    .produt_sing_discp h2{font-size: 24px;margin-bottom: 15px;}
    .proi-a a{font-size: 15px;}
    .proi-hide{padding: 15px 0;}
    .product__carousel .gallery-top{height: auto!important;}
    .video_modal .modal-dialog{padding: 0 15px;}
    .video_modal .modal-dialog .modal-body{padding: 0;}
    .video_modal .close{top: -18px;font-size: 35px;width: 35px;z-index: 1;color: #fff;opacity: 1;}
    .ab-line{margin: 15px 0;}
    .ban2 ul li{width: 100%;}
    .ban2 ul li .ban-li{width:100%;padding: 10px;}
    .single_news .col-md-8{padding: 15px 0 0;}
    .date_and_link{position: static;transform: none;padding: 0}
    .news-data{display: inline-block;margin-right: 15px;}
    .case-pic, .case_discp{width: 100%;margin: 0;}
    .history_slider .swiper-slide .bgWhite{padding: 15px;width: 70%; margin-left: 15%;}
    .history_slider .swiper-slide .bgWhite h3{font-size: 15px;line-height: 24px;}
    .history_slider .swiper-pagination .swiper-pagination-bullet{font-size: 12px;padding: 0 8px;}
    .history_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{font-size: 18px;}
    .previ__next_news .next span, .previ__next_news .prev span{display: none;}
    .previ__next_news .next .news-more, .previ__next_news .prev .news-more{margin-top: 0;}
    .swiper-cirtificate .single_product{display: block;height: auto;}
    .single-case .case_discp{padding:15px}
    .single-case .case-pic{height: auto;}
    .single-case .case-pic img{height: auto;}
    }
    @media (max-width:480px){
    .products.prThumb .single_product{width:100%;margin-right: 0!important;}
    .proi-a a{width:33.33%;}
    }
    @media (max-width:360px){
    
    }
    @media only screen and (max-width:1023px) and (orientation: landscape) {
    .kefu-box{bottom: 20px;}
    }
    .footer_yqlj{padding: 20px 0;background: #000000;}
    .yqlj{
    /* width: 1200px; */
    margin: auto;
    box-sizing: border-box;
    padding: 10px;
    max-width: 1200px;
    margin: auto;
    }
    .yqlj a{
    /* margin-right: 30px; */
    color: #777;
    box-sizing: border-box;
    padding-right: 30px;
    white-space: nowrap;
    }
    .yqlj a:hover{
    /* margin-right: 30px; */
    box-sizing: border-box;
    padding-right: 30px;
    color: #0778c5;
    text-decoration: underline;
    }
    .yqlj p{margin-bottom: 10px;color: #ffffff;font-size: 16px;/* font-weight: bold; */}
    .swiper-slide_pro img:nth-of-type(1) { top: -150%; }
    .swiper-slide_pro img:nth-of-type(2) { opacity: 1;
    top: 50%; }
    .swiper-slide_pro .tit{color: #004da1!important;}
    .pro-swiper .swiper-slide:hover img:nth-of-type(1){ top: -150%;}
    .pro-swiper .swiper-slide:hover img:nth-of-type(2){ opacity: 1; top: 50%; }
    .pro-swiper .swiper-slide:hover .tit{color: #004da1!important;}
    
    /*20210518*/
    .ssk{
    text-align: center;
    }
    
    .ssk-ms{
    
    font-size: 14px;
    
    margin-top: 10px;
    
    text-align: center;
    }
    
    .ssk-ms2{
    
    margin-bottom: 30px;
    }
    
    .ssk-ms span{
    
    color: #004da1;
    }
    .ssk-div{
    margin: 50px 0px 0px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    }
    .ssk-div .ipt1{
    width: 360px;
    line-height: 38px;
    padding: 0px 10px;
    /* border-radius: 4px 0px 0px 4px; */
    border: 1px solid #888;
    height: 40px;
    }
    .ssk-div .ipt2{
    line-height: 38px;
    /* border-radius: 0px 4px 4px 0px; */
    border: none;
    min-width: 95px;
    margin-left: -15px;
    font-size: 16px;
    color: white;
    background: url(/skin/jieman/images/sskey.png) no-repeat 15px 10px;
    background-color: #004da0;
    background-size: 20px;
    padding-left: 26px;
    }
    
    .pro-dow
    {
    width: 22px;
    margin-top: -2px;
    display: none;
    
    }
    
    
    
    .ssk-div .ipt2:hover{
    
    background-color: #0c6fdb;
    }
    
    .pro-dow-on{ display:initial;}
    .dowcat{
    margin: 40px 0 50px;
    }
    .dowcat ul{
    text-align: center;
    }
    .dowcat ul li{display: inline-block;border: 1px solid rgb(0 77 161);/* padding: 5px 20px; */margin: 5px 10px;/* border-radius: 4px; */background-color: hsl(211deg 90% 45% / 20%);}
    .dowcat ul li a{color: #004da1;font-size: 18px;display: block;padding: 5px 20px;}
    .dowcat ul .on,.dowcat ul li:hover{background-color: #004da1;border: 1px solid #004da1;}
    .dowcat ul .on a, .dowcat ul li:hover a{
    color: white;
    }
    .in_five,.contact-map-section{display:none;}
    .bdsharebuttonbox{display:none;} 
    .ewms {display:flex;/* justify-content: center; */flex-wrap: wrap;}
    .ewms .box{width: 50%;}
    .ewms p{color:#ffffff;text-align: center;}